<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<% String path = (String) session.getAttribute("basePath"); %>
	<% String vista = (String) session.getAttribute("vista"); %>
	<title>Buscar persona</title>
	
	<link rel="stylesheet" href="<%=path%>/dojo/resources/dojo.css">
	<link rel="stylesheet" href="<%=path%>/dijit/themes/claro/claro.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/resources/Grid.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/resources/claroGrid.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/enhanced/resources/claro/EnhancedGrid.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css">
	<%-- <link href="<%=a%>/css/estilos3_0.css" rel="stylesheet" type="text/css" /> --%>
	
	<style type="text/css">
		<%-- .registrarIco {background: url(<%=a%>/imagenes/see/icons/add.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.deleteIco {background: url(<%=a%>/imagenes/see/icons/delete2.gif) no-repeat;border: 0;height: 16px;width: 16px;}
		.editIco {background: url(<%=a%>/imagenes/see/icons/edit.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.solicitudIcon {background: url(<%=a%>/imagenes/see/icons/page_white_star.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.cancelarIco {background: url(<%=a%>/imagenes/see/icons/cancel.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.saveIco {background: url(<%=a%>/imagenes/sigad/acciones/save.gif) no-repeat;border: 0;height: 16px;width: 16px;}
		.enviar {background: url(<%=a%>/imagenes/see/icons/email-16x16.gif) no-repeat;border: 0;height: 16px;width: 16px;}
		.exportar {background: url(<%=a%>/imagenes/sn_07.gif) no-repeat;border: 0;height: 16px;width: 16px;} --%>
	</style>
	
	<script src="<%=path%>/dojo/dojo.js" data-dojo-config="isDebug: true,parseOnLoad: true"></script>
	
	<script type="text/javascript">
	
		dojo.require("dojox.grid.DataGrid");
		dojo.require("dojox.grid.EnhancedGrid");
		dojo.require("dojox.grid.enhanced.plugins.Pagination");
		dojo.require("dojo.data.ItemFileWriteStore");
		dojo.require("dojox.grid.enhanced.plugins.IndirectSelection");
		dojo.require("dijit.form.DateTextBox");
		dojo.require("dijit.form.Button");
		dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.layout.BorderContainer");
		dojo.require("dijit.form.ComboBox");
		dojo.require("dijit.form.FilteringSelect");
		dojo.require("dijit.form.TimeTextBox");
		dojo.require("dijit.form.ValidationTextBox");
		dojo.require("dojox.validate.web");
		
		var gridBuscarPersona, layoutBuscarPersona;
		var iconOK='<img src="<%=vista%>/icons/information.png" align="" border="0">';
		var iconError='<img src="<%=vista%>/icons/exclamation.gif" align="" border="0">';
		var iconQuestion='<img src="<%=vista%>/icons/icon_info.gif" align="" border="0">';
		
		var IND_ERROR="ERROR";
		var IND_INFORMATIVO="INFORMATIVO";
		
				
		dojo.addOnLoad(function() {
			settings();
	    });
		
		function settings() {
			dojo.connect(dojo.byId("btnAceptar"),"onclick",function(e){
				registrarPersona();
		    });
			
			dojo.connect(dojo.byId("dialog.informativo.btnAceptar"),"onclick",function(e){
				dijit.byId("dialog.informativo").hide();
				exit();
		    });
			
			dojo.connect(dojo.byId("btnCancelar"),"onclick",function(e){
				exit();
		    });
			dojo.connect(dojo.byId("txtDni"),"onkeydown",function(e){
				if((e.keyCode < dojo.keys.NUMPAD_0 || e.keyCode > dojo.keys.NUMPAD_9 || (e.shiftKey) ) &&
	                    (e.keyCode < 48 || e.keyCode > 57 || (e.shiftKey) ) &&
	                    (e.keyCode != dojo.keys.BACKSPACE)) {
	                 
	                 e.preventDefault();
	  	                              
	 			}
				if (dojo.byId("txtDni").value.length>=8 &&  e.keyCode != dojo.keys.BACKSPACE ){
					e.preventDefault();
				}
			});
			
		}
		
		function exit(){
			parent.exitRegistrarPersona();
		}
		
		function registrarPersona() {
			
			var dni=dojo.byId("txtDni").value;
			var nombre=dojo.byId("txtNombre").value;
			var apePaterno=dojo.byId("txtApePaterno").value;
			var apeMaterno=dojo.byId("txtApeMaterno").value;
			var fechaNacimiento=dojo.byId("dtFechaNacimiento").value;
			var correo=dojo.byId("txtEmail").value;
			var numeroTelefono=dojo.byId("txtNumeroTelefono").value;
			
			dijit.byId("btnAceptar").set('disabled',true);
			dijit.byId("btnCancelar").set('disabled',true);
			var xhrArgs = {
    		        handleAs: "json",
    		        headers: {
    	                "Content-Type": "application/x-www-form-urlencoded;charset=utf-8"
    	    		},
    		        form: dojo.byId("frmRegistrarPersona"),
    		        url: "registrarPersona.htm",
    		        content: {
    		        	dni:dni,
    					nombre:nombre,
    					apePaterno:apePaterno,
    					apeMaterno:apeMaterno,
    					fechaNacimiento:fechaNacimiento,
    					correo:correo,
    					numeroTelefono:numeroTelefono,
    		        },
    		        load: function(response, ioArgs) {
    		          if (!response.Error){
    		        		loadInformativo(response.mensaje,response.tipe);
    		          }else{
    		            loadInformativo(response.Error.mensajeerror,"");
    		          }
    		          
    		      	dijit.byId("btnAceptar").set('disabled',false);
    				dijit.byId("btnCancelar").set('disabled',false);
    		        return response;
    		        },
    		        error: function(error) {
    		          loadInformativo(error,iconError);
    		        }
    		      }
    		      dojo.xhrPost(xhrArgs);
    		
			
		
		}
		
		
		
		
		
		
		
		
		
		function loadInformativo(msg,tipo) {
			if (tipo==IND_ERROR){
				dojo.byId("dialog.informativo.icoInformativo").innerHTML=iconError;
			}
			else if (tipo=IND_INFORMATIVO){
				dojo.byId("dialog.informativo.icoInformativo").innerHTML=iconOK;
			}
			else{
				dojo.byId("dialog.informativo.icoInformativo").innerHTML=iconOK;
			}
			dojo.byId("dialog.informativo.msg").innerHTML=msg;
			
			dijit.byId('dialog.informativo').reset();
			dijit.byId('dialog.informativo').show();	
			
		}
		
	</script>

</head>
<body class="claro">

	<div id="divPrincipal" style="margin-left: 10; margin-top: 10; margin-right: 10">
		<form id="frmRegistrarPersona" method="post" name="frmRegistrarPersona" modelAttribute="personaView">
						
			<table align="center">
				<tr>
					<td>
						<label for="txtDni">DNI: </label>
					</td>
					<td>
						<input type="text" name="txtDni"  dojoType="dijit.form.TextBox" trim="true" 
											id="txtDni" propercase="true" >
					</td>
				</tr>
				
				<tr>
					<td>
						<label for="txtNombre">Nombre: </label>
					</td>
					<td>
						<input type="text" name="txtNombre"  dojoType="dijit.form.TextBox" trim="true" 
											id="txtNombre" propercase="true" >
					</td>
				</tr>
				
				
				<tr>
					<td>
						<label for="txtApePaterno">Ape. Paterno: </label>
					</td>
					<td>
						<input type="text" name="txtApePaterno"  dojoType="dijit.form.TextBox" trim="true" 
											id="txtApePaterno" propercase="true" >
					</td>
				</tr>
				
				<tr>
					<td>
						<label for="txtApeMaterno">Ape. Materno: </label>
					</td>
					<td>
						<input type="text" name="txtApeMaterno"  dojoType="dijit.form.TextBox" trim="true" 
											id="txtApeMaterno" propercase="true" >
					</td>
				</tr>
				
				<tr>
					<td>
						<label for="dtFechaNacimiento">F. Nacimiento: </label>
					</td>
					<td>
						<input type="text" name="dtFechaNacimiento"  dojoType="dijit.form.DateTextBox" 
											id="dtFechaNacimiento" value="new Date()" >
					</td>
				</tr>
				
				<tr>
					<td>
						<label for="txtEmail">Correo: </label>
					</td>
					<td>
						<input id="txtEmail" name="txtEmail"
						    data-dojo-type="dijit.form.ValidationTextBox"
						    data-dojo-props="validator:dojox.validate.isEmailAddress,invalidMessage:'Este no es un correo valido!'"
						    />
					</td>
				</tr>
				
				<tr>
					<td>
						<label for="txtNumeroTelefono">Telefono: </label>
					</td>
					<td>
						<input type="text" name="txtNumeroTelefono"  dojoType="dijit.form.TextBox" trim="true" 
											id="txtNumeroTelefono" propercase="true" >
					</td>
				</tr>
				
			</table>
			
			<table align="center">
				<tr>
					<td align="center">
						<button dojoType="dijit.form.Button" id="btnAceptar" name="btnAceptar" showLabel="true" iconClass="dijitIconSave" >Registrar</button>
						<button dojoType="dijit.form.Button" id="btnCancelar" name="btnCancelar" showLabel="true" iconClass="dijitEditorIcon dijitEditorIconCancel" >Cancelar</button>
					</td>
				</tr>
			</table>
			
			<!-- <table align="center">
				<tr>
					<td>
						<div id="preloaderBuscar"></div>
					</td>
				</tr>
			</table> -->
			
		</form>
	</div>
	
	<div dojoType="dijit.Dialog" id="dialog.informativo" name="dialog.informativo" execute="" title="Mensaje">
	    <div style="overflow:auto;" >
				<table align="left">
					<tr align="left">
						<td align="center">
							<div id="dialog.informativo.icoInformativo"></div>
						</td>
						<td>
							<label id="dialog.informativo.msg"></label>
						</td>
					</tr>
				</table>
		</div>
		<div>
			<table align="center">
				<tr align="center">
					<td align="center">
						<button dojoType="dijit.form.Button" id="dialog.informativo.btnAceptar" showLabel="true" >Aceptar</button>
					</td>
				</tr>
			
			</table>
		</div>
	</div>

</body>
</html>